<?php

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
?>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="../../../vista/php/jquery-1.9.1.min.js"></script>
        
        <!--Librerias de la botoneria y pop-up-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../../../vista/Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../../../vista/Modal/js/bootstrap.min.js"></script>
        
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <style>
            
            .container {
              margin: 8px auto;
              width: 100%;
              
            }

            .formulario {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              //width: auto;
              //height: 190px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .formulario:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .formulario h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
        </style>
        
        <script>
        
            function EnviarArchivo(){
                
                /*activar el gif de carga*/
                document.getElementById("gifcarga").innerHTML = '<table style="position: absolute;margin-top: -43px;left: 613px;font-size:100%">\
                                                                    <tr>\
                                                                        <td>\
                                                                            Cargando\
                                                                        </td>\
                                                                        <td>\
                                                                            <img src="../../../vista/imagen/gif/carga3.gif" width="100" height="70" alt="carga3"/>\
                                                                        </td>\
                                                                    </tr>\
                                                                  </table>';
                
                var inputFileImage = document.getElementById('adjunto');
                var file = inputFileImage.files[0];
                var data = new FormData();
                var OidHistorial = document.getElementById("OidHistorial").value;
                
                data.append('archivo',file);
                var url = '../../Controlador/Consultas/BllArchivoAdjunto.php?OidHis='+ OidHistorial +'&tc=1';
                
                $.ajax({
                    url:url,
                    async: true,
                    type:'POST',
                    dataType: "json",
                    contentType:false,
                    data:data,
                    processData:false,
                    success: MostrarArchivo
                });
                
            }
            
            function MostrarArchivo(dat){
                
                
                if(dat.mensaje == '1'){
                    
                    alertify.success("El archivo se guardo satisfactoriamente");
                    document.getElementById("gifcarga").innerHTML = '';
                    document.getElementById("adjunto").value = '';
                    CargarAdjuntosSolicitud();
                    
                }else if(dat.mensaje == '2'){
                    
                    alertify.error('ocurrio un error al copiar el archivo');
                    
                }else{
                    
                    alertify.error('ha ocurrido un error');
                    
                }
                
            }
            
            function ValidarEnvioArchivo(){
                
                var Archivo = document.getElementById("adjunto").value;
                
                if(Archivo == ""){
                    alertify.alert("Seleccione el archivo que desea cargar.", function () {
                        $("#adjunto").focus();
                    });
                    return false;
                }
                
                
                alertify.confirm("Esta seguro de cargar el archivo?", function (e) {
                    if (e) {
                        EnviarArchivo();
                    } else { 
                        $("#adjunto").focus();
                    }
                }); 
                return false;
                
                
            }
            
            function  CargarAdjuntosSolicitud(){
                
                var OidHistorial = document.getElementById("OidHistorial").value;
                
                $.ajax({
                    async: true,
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/Consultas/BllArchivoAdjunto.php",
                    data: {tc:2,OidHistorial:OidHistorial},
                    success: RespuestaCargarAdjuntos
                });
                
            }
            
            function RespuestaCargarAdjuntos(datos){
                
                var rpt = $.parseJSON(datos);
                var r;
                var resp = ""; 
                
                $("#Adjuntos").text("");
                
                resp += '<table style="width:100%">';
                
                for(r in rpt){
                    
                    resp += '<tr <td style=";padding:10px 10px 10px; text-align:left;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                <td>\
                                    <a title="Descargar '+ rpt[r].HssNombreAdjunto +'" href="javascript:DescargarAdjunto('+ rpt[r].Oid +');" style="margin-left:10px">'+ rpt[r].HssNombreAdjunto +'</a>\
                                </td>\
                                <td align="center">\
                                    <img src="../../../vista/imagen/eliminar.png" width="20" height="20" alt="eliminar" style="cursor:pointer" title="Eliminar '+ rpt[r].HssNombreAdjunto +'" onclick="EliminarAdjuntoSolicitud('+ rpt[r].Oid +');" />\
                                </td>\
                             </tr>';
                    
                }
                
                resp += '</table>';
                
                $("#Adjuntos").append(resp);
                
            }
            
            function DescargarAdjunto(OidAdjunto){
                
                window.location = ('DescargarAdjunto.php?OidAdjunto='+OidAdjunto);
                
            }
            
            function EliminarAdjuntoSolicitud(OidAdjunto){
                
                alertify.confirm("Esta seguro de eliminar el archivo?", function (e) {
                    if (e) {
                        $.ajax({
                            
                            async: true,
                            type: "POST",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../Controlador/Consultas/BllArchivoAdjunto.php",
                            data: {tc:3,OidAdjunto:OidAdjunto},
                            success: RespuestaEliminarAdjuntos
                            
                        });
                    } else { 
                        
                    }
                }); 
                return false;
                
            }
            
            function RespuestaEliminarAdjuntos(){
                
                CargarAdjuntosSolicitud();
                
            }
        
        </script>
        
    </head>
    <body onload="CargarAdjuntosSolicitud();">
        
        <section class="container">
            <div class="formulario">
                <h1>ADJUNTOS DETECCIÓN DE NECESIDADES</h1>
                <table style="width: 100%" >
                    <tr>
                        <td>
                            <div id="gifcarga"></div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="Adjuntos" style="height: 140px;overflow-y: scroll;border-style: solid; border-width: 1px;border-color:#E6E6E6">

                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            </br>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div style="width: 100%;">
                                <table align="right"> 
                                    <tr>
                                        <td>
                                            <input type="file" name="" id="adjunto" value="" />
                                        </td>
                                        <td width="5px">
                                                        
                                        </td>
                                        <td>
                                            <table>
                                                <tr>
                                                    <td>
                                                        <input type="button" class="btn btn-success" value="Cargar Archivo"  onclick="ValidarEnvioArchivo();"/>
                                                        <input type="hidden" name="txtOidHistorial" id="OidHistorial" value="<?php echo $_REQUEST['OidHistorial']; ?>" /> 
                                                    </td>
                                                    <td width="5px">
                                                        
                                                    </td>
                                                    <td>
                                                        <input type="button" class="btn btn-danger" value="Cancelar" onclick="window.close();" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </section>
        </br>
    </body>
</html>
